<script>
export default {
  name: "About",
  beforeCreate() {
    console.log('About----->beforeCreate')
  },
  created() {
    console.log('About----->created')
  },
  beforeMount() {
    console.log('About----->beforeMount')
  },
  mounted() {
    console.log('About----->mounted')
  },
  beforeDestroy() {
    console.log('About----->beforeDestroy')
  },
  destroyed() {
    console.log('About----->destroyed')
  }
}
</script>

<template>
  <h3>About</h3>
</template>

<style scoped lang="less">

</style>
